<template>
  <div class="cooperDiv">
    <div class="cooperDivImg"><img src="/static/images/user/coopeImg.png"></div>

    <div @click="toUrl('../ucooperation/main')" class="companyBtn">我要卖东西（上传商品图）</div>
    <div @click="toUrl('../uflow/main')" class="personBtn">我要流量（实体店）</div>
  </div>
</template>
<script>
  export default {
    methods: { 
      toUrl (pageUrl){
        const url = pageUrl;
        wx.navigateTo({ url }) 
      },
    }
  }
</script>

<style scoped>
.cooperDiv{
  padding: 0 54rpx;
}
.cooperDiv .cooperDivImg{
  margin: 40rpx 0 120rpx;
}
.cooperDiv .cooperDivImg img{
  width: 502rpx;
  height: 425rpx;
  display: block;
  margin: auto;
}
.cooperDiv .cooperDivImg{
  width: 100%;
}
.companyBtn,.personBtn{
  height: 88rpx;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 32rpx;
  color: #fff; 
  border-radius: 10rpx;
}
.companyBtn{
  background: #e1c7d2;
  margin-bottom: 60rpx;
}
.personBtn{
  background: #aad1d6
}
</style>
